.test-cont {
	height: 100vh;
	width: 100vw;
	background-color: #f8f8f8;
}


::v-deep.van-tab {
	display: flex;
	align-items: center;
}

::v-deep.van-tabs--line .van-tabs__wrap {
	height: 50px;
}

::v-deep .van-tabs__wrap {
	border-bottom: 1px solid #e2e2ea;
}

::v-deep .van-dropdown-menu__title {
	width: 40vw !important;
	padding: 0 !important;
}

.current,
.about-start,
.end {

	.current-list,
	.about-start-list,
	.end-list {
		background-color: #f8f8f8;

		.current-item,
		.end-item,
		.about-start-item {
			display: flex;
			padding: 9px 15px 15px 15px;
			background-color: #fff;
		}

		.end-item:not(:last-child) {
			position: relative;

			&::after {
				position: absolute;
				content: '';
				width: 96vw;
				height: 1px;
				background-color: #ededed;
				left: 2vw;
				bottom: 0;
			}

		}

		.content {
			flex: 1;

			.title,
			.start-time,
			.end-time,
			.requirement,
			.status,
			.tips {
				height: 23px;
				display: flex;
				align-items: center;
				font-size: 14px;
				font-family: SourceHanSansCN-Medium, SourceHanSansCN;
				font-weight: 400;
				color: #333333;
				margin-bottom: 7.5px;
				color: #666;

				span {
					display: inline-block;
					width: 65px;
					color: #999999;
					margin-right: 10px;
				}

				.statu {
					padding: 0 8px;
					height: 30px;
					text-align: center;
					line-height: 30px;
					background: #FFFFFF;
					border-radius: 4px;
					border: 1px solid #047BFC;
					font-size: 14px;
					font-family: SourceHanSansCN-Normal, SourceHanSansCN;
					font-weight: 400;
					color: #047BFC;
				}

				.no-sub {
					background: #fff1f0;
					border: 1px solid #fa6555;
					color: #fa6555;
				}

				.already-sub {
					padding: 0 8px;
					height: 30px;
					text-align: center;
					line-height: 30px;
					background: #FFFFFF;
					border-radius: 4px;
					border: 1px solid #047BFC;
					font-size: 14px;
					font-family: SourceHanSansCN-Normal, SourceHanSansCN;
					font-weight: 400;
					color: #047BFC;
					display: inline-block;
					width: 90px;
				}
			}

			.requirement {
				// margin-bottom: 20rpx;
			}

			.status {
				height: 30px;
			}

			.title {
				margin-bottom: 10px;
				font-size: 16px;
				font-weight: 550;
			}

			.status {
				color: #047BFC;

			}

			.tips {
				color: #047BFC;
			}

			.not-pub {
				font-size: 20px;
				font-family: SourceHanSansCN-Medium, SourceHanSansCN;
				font-weight: 500;
				color: #FF0000;
				margin-top: 10px;
			}
		}

		.enter {
			width: 60px;
			height: 30px;
			background: #047BFC;
			border-radius: 8px;
			align-self: flex-end;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 14px;
			font-family: SourceHanSansCN-Normal, SourceHanSansCN;
			font-weight: 400;
			color: #FFFFFF;
		}

		.about-start-btn {
			width: 80px;
			height: 30px;
			background: #DDDDDD;
			border-radius: 8px;
			align-self: flex-end;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 14px;
			font-family: SourceHanSansCN-Normal, SourceHanSansCN;
			font-weight: 400;
			color: #333333;
		}
	}
}

.select {
	background-color: #f8f8f8;
}

.end-list {
	height: calc(100vh - 164px);
	overflow-y: auto;
	// background-color: #f8f8f8;
}

.pop {
	width: 320px;
	border-radius: 10px;
	color: #333333;
	font-size: 14px;
	background-color: #fff;

	.pop-body {
		text-align: center;
		border-bottom: 1px solid #ededed;
		padding: 40px 0;
	}

	.pop-foot {
		height: 45px;
		text-align: center;
		line-height: 45px;
		color: #ee0a24;
	}
}




.header {
	height: 44px;
	background: #047BFC;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 20px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
	position: relative;
	z-index: 111;

	.arrow-return {
		width: 9px;
		height: 16px;
	}

	.back,
	.user-info {
		width: 35px;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.icon-more {
		width: 17px;
		height: 12px;
	}

	.drop-down {
		position: absolute;
		right: 0;
		bottom: -10px;
		font-size: 10px;
		background-color: #ccc;
	}
}

.arrivalNavigation {
	position: absolute;
	right: 7px;
	top: 41px;

	.sideNavigation {
		width: 100px;
		height: 79px;
		background-color: #FFF;
		font-size: 14px;
		font-family: SourceHanSansCN-Normal, SourceHanSansCN;
		font-weight: 400;
		color: #333333;
		border-radius: 5px;
		border: 1px solid #EEE;
		border-top: none;

		.nav {
			display: flex;
			height: 40px;
			align-items: center;
			padding: 0 8px;

			.icon-style {
				width: 16px;
				height: 16px;
				margin-right: 7px;
			}
		}

	}

	.d4 {
		width: 0;
		height: 0;
		margin-left: 75px;
		margin-top: -10px;
		border-width: 7px;
		border-style: solid;
		border-color: transparent #fff transparent transparent;
		transform: rotate(90deg);
		/*顺时针旋转90°*/
	}
}


/* end */
// .selected {
// 	color: #047BFC !important;
// }

// .dialog-title-selected {
// 	color: #047BFC;
// 	font-size: 14px;
// 	padding: 0 10px;
// 	background-color: white;
// 	height: 50px;
// 	line-height: 50px;
// 	overflow: hidden;
// 	text-overflow: ellipsis;
// 	white-space: nowrap;
// 	position: relative;

// 	&:not(:last-child) .tt {
// 		border-bottom: 1px solid #ededed;
// 		width: 100%;
// 		height: 100%;
// 	}
// }


// .dialog-title-selected ::after {
// 	position: absolute;
// 	right: 10px;
// 	content: '✓';
// 	font-size: 18px;
// }


// .dialog-title {
// 	color: #333;
// 	font-size: 14px;
// 	padding: 0 10px;
// 	background-color: white;
// 	height: 50px;
// 	line-height: 50px;
// 	overflow: hidden;
// 	text-overflow: ellipsis;
// 	white-space: nowrap;

// 	&:not(:last-child) .tt {
// 		border-bottom: 1px solid #ededed;
// 		width: 100%;
// 		height: 100%;
// 	}

// }

// .dialog-view {
// 	display: flex;
// 	flex-direction: column;
// 	justify-content: center;
// 	box-sizing: border-box;
// 	overflow: hidden;
// 	text-overflow: ellipsis;
// 	white-space: nowrap;
// 	width: 100vw;
// 	z-index: 99;
// 	position: absolute;
// 	border-top: 1px solid #ededed;
// 	left: 0;
// 	top: 70px;
// }



// .dropdown-icon {
// 	width: 11px;
// 	height: 7px;
// 	margin-left: 7.5px;
// 	margin-right: 10px;
// 	vertical-align: middle;
// }

// .dropdown-content {
// 	color: #999;
// 	font-size: 28rpx;
// 	padding-left: 20rpx;
// 	height: 70rpx;
// 	line-height: 70rpx;
// 	flex-grow: 1;
// 	font-size: 28rpx;
// 	font-family: SourceHanSansCN-Normal, SourceHanSansCN;
// 	font-weight: 400;
// 	overflow: hidden;
// 	text-overflow: ellipsis;
// 	white-space: nowrap;
// 	width: 330rpx;
// }

// .drop-down-box-selected {
// 	display: flex;
// 	flex-direction: row;
// 	align-items: center;
// 	width: 330rpx;
// 	height: 72rpx;
// 	// background: #FFFFFF;
// 	border: 2rpx solid #047BFC;
// 	margin: 35rpx 30rpx;
// }

// .drop-down-box {
// 	display: flex;
// 	flex-direction: row;
// 	align-items: center;
// 	width: 330rpx;
// 	height: 72rpx;
// 	// background: #FFFFFF;
// 	border: 2rpx solid #ededed;
// 	margin: 35rpx 30rpx;

// }

// .selected-all {
// 	position: relative;
// }

.body {
	height: calc(100vh - 108rpx);
	position: relative;
}

// .filter-cont {
// 	display: flex;
// 	justify-content: space-around;

// 	.major,
// 	.batch {
// 		flex: 1;
// 		background-color: #fff;
// 		z-index: 99;
// 		border-bottom: 1px solid #ededed;
// 	}
// }

// .overlay {
// 	position: fixed;
// 	top: 0;
// 	left: 0;
// 	width: 100%;
// 	height: 100%;
// 	background-color: rgba(0, 0, 0, .4);
// }

/* start */
.drop-down-cont {
	height: 70px;
	padding: 10px 0;
	background-color: #f8f8f8;
}

::v-deep .van-dropdown-menu__title {
	width: 33vw;
	color: #999;
}

.tab {
	// height: 140rpx;
	background-color: #f8f8f8;
}

// .u-tabs {
// 	border-bottom: 2rpx solid #ededed;
// }

// .u-dropdown {
// 	background-color: #fff;
// 	padding: 16rpx 20rpx;
// }

// ::v-deep .u-flex {
// 	height: 100%;
// 	overflow: hidden;
// 	text-overflow: ellipsis;
// 	white-space: nowrap;
// }

// ::v-deep .u-dropdown__menu__item {
// 	border: 2rpx solid #ededed;
// }

// ::v-deep .u-dropdown__menu__item:first-child {
// 	margin-right: 20rpx;
// }

// ::v-deep .u-dropdown__menu__item__text {
// 	width: 280rpx;
// 	overflow: hidden;
// 	text-overflow: ellipsis;
// 	white-space: nowrap;
// }

// ::v-deep .u-dropdown__content {
// 	top: 100rpx !important;
// }

// ::v-deep .u-scroll-bar {
// 	bottom: 0 !important;
// }